.activeDetail{
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #F4F4F4;
	font-family: PingFang SC;
	padding-bottom: 120upx;
	.topBanner{
		width: 100%;
		background-color: #ffffff;
		img{
			width: 100%;
			height: 400upx;
		}
		.havaPadding{
			padding: 30upx 24upx 80upx 24upx;
			box-sizing: border-box;
			view:nth-child(1){
				font-size: 32upx;
				font-weight: 500;
				color: #333333;
			}
			.ticket{
				display: flex;
				align-items: center;
				margin-top: 20upx;
				view:nth-child(1){
					width: 100upx;
					height: 40upx;
					background: linear-gradient(180deg, #E44E3E, #CC1C0A);
					font-size: 28upx;
					font-weight: 500;
					color: #FFFFFF;
					text-align: center;
				}
				view:nth-child(2){
					font-size: 28upx;
					font-weight: 500;
					color: #E38434;
					margin-left: 10upx;
				}
			}
			.addres{
				display: flex;
				align-items: center;
				margin-top: 48upx;
				img{
					width: 23upx;
					height: 28upx;
				}
				view{
					font-size: 28upx;
					font-weight: 500;
					color: #333333;
					margin-left: 30upx;
				}
				
			}
			.timeSlot{
				display: flex;
				align-items: center;
				margin-top: 21upx;
				img{
					width: 24upx;
					height: 25upx;
				}
				view{
					font-size: 28upx;
					font-weight: 500;
					color: #333333;
					margin-left: 30upx;
				}
			}
			.timeBox{
				display: flex;
				align-items: center;
				margin-top: 20upx;
				img{
					width: 25upx;
					height: 26upx;
				}
				view{
					font-size: 28upx;
					font-weight: 500;
					color: #333333;
					margin-left: 30upx;
				}
				
			}
			.phoneBox{
				display: flex;
				align-items: center;
				margin-top: 20upx;
				img{
					width: 26upx;
					height: 24upx;
				}
				view{
					font-size: 28upx;
					font-weight: 500;
					color: #333333;
					margin-left: 30upx;
				}
			}
		}
	}
	.secondKill{
		padding: 30upx 24upx 30upx 24upx;
		box-sizing: border-box;
		font-size: 32upx;
		font-weight: bold;
		color: #333333;
		margin-top: 16upx;
		.tabel{
			margin-top: 30upx;
			.topLabel{
				height: 70upx;
				display: flex;
				align-items: center;
				background: #E38434;
				font-size: 24upx;
				font-weight: bold;
				color: #FFFFFF;
				view{
					text-align: center;
				}
				view:nth-child(1){
					width: 281upx;
				}
				view:nth-child(2){
					width: 202upx;
				}
				view:nth-child(3){
					width: 217upx;
				}
				
			}
			.lableValue{
				background-color: #FFFFFF;
				height: 100upx;
				color: #333333;
					border: 1px solid #E38434;
				view{
					text-align: center;
				
				}
				.value1{
					width: 281upx;
					height: 100upx;
					text-align: center;
					border-right: 1px solid #E38434;
					padding-top: 20upx;
					box-sizing: border-box;
					view{
						width: 100%;
						line-height: 40upx;
						text-align: center;
					}
				}
				.value2{
					width: 26%;
					height: 100upx;
					text-align: center;
					border-right: 1px solid #E38434;
					padding-top: 20upx;
					box-sizing: border-box;
					text{
						width: 100%;
						line-height: 60upx;
						text-align: center;
					}
				}
			}
		}
		
	}
	.activityDetail{
		width: 100%;
		padding: 30upx 24upx 30upx 24upx;
		box-sizing: border-box;
		margin-top: 16upx;
		background-color: #FFF;
		view{
			text-align:justify;
			text-justify:inter-ideograph;
		}
		.tit{
			font-size: 32upx;
			font-weight: bold;
			color: #333333;
		}
		.detailCitent{
			margin-top: 10upx;
			view{
				line-height: 60upx;
			}
			.banner{
				width: 100%;
				img{
					width: 100%;
					height: 467upx;
				}
			}
			.havaColor{
				color: #F32F1A;
			}
		}
	}
	.company{
		width: 100%;
		padding: 30upx 24upx 30upx 24upx;
		box-sizing: border-box;
		margin-top: 16upx;
		background-color: #FFF;
		view{
			font-size: 28upx;
			font-weight: 500;
			line-height: 60upx;
			color: #333333;
		}
		.tit{
			font-size: 32upx;
			font-weight: bold;
			color: #333333;
		}
	}
	.userComments{
		width: 100%;
		padding: 30upx 24upx 30upx 24upx;
		box-sizing: border-box;
		margin-top: 16upx;
		background-color: #FFF;
		.tit{
			font-size: 32upx;
			font-weight: bold;
			color: #333333;
		}
		.noCom{
			width: 100%;
			height: 80upx;
			text-align: center;
			line-height: 80upx;
			font-size: 28upx;
			font-weight: 500;
			color: #333333;
		}
	}
	.recommend{
		width: 100%;
		padding: 30upx 24upx 30upx 24upx;
		box-sizing: border-box;
		margin-top: 16upx;
		background-color: #FFF;
		.tit{
			font-size: 32upx;
			font-weight: bold;
			color: #333333;
		}
		.recomList{
			width: 100%;
			margin-top: 12upx;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			.recomItem{
				width: 340upx;
				margin-top: 30upx;
				.pic{
					width: 100%;
					height: 200upx;
					img{
						width: 100%;
						height: 100%;
					}
				}
				.recomTit{
					font-size: 28upx;
					font-weight: 500;
					color: #333333;
					line-height: 36upx;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					margin-top: 15upx;
				}
			}
		}
	}
	.actionBar{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100upx;
		background-color: #FFF;
		display: flex;
		align-items: center;
		justify-content: space-between;
		text-align: center;
		view:nth-child(1){
			width: 50upx;
			height: 48upx;
		}
		view:nth-child(2){
			position: relative;
			width: 54upx;
			height: 52upx;
			text{
				position: absolute;
				top: -10upx;
			    right: -40upx;
				font-size: 24upx;
				font-weight: bold;
				color: #E38434;
			}
		}
		view:nth-child(3){
			width: 50upx;
			height: 50upx;
		}
		view{
			margin-left: 24upx;
			img{
				width: 100%;
				height: 100%;
			}
		}
		.btn{
			width: 300upx;
			height: 100upx;
			background: #E38434;
		    line-height: 100upx;
			font-size: 32upx;
			font-weight: bold;
			color: #FFFFFF;
			line-height: 100upx;
		}
	}
}